<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hoy en la Javeriana</title>

<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=2" />

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

<link href="css/newEnd.css" rel="stylesheet" type="text/css">

<script>

var usuario='';
var idnota='';
var titulo='';
var imagen='';
var contenido='';
var fecha=''

function leerGET(){ 
    
  	var cadGET = location.search.substr(1,location.search.length); 
  	
  	
  	var arrGET = cadGET.split("&"); 
  	var asocGET = new Array(); 
  	var variable = ""; 
  	var valor = ""; 
  	
  	for(i=0;i<arrGET.length;i++){ 
    	var aux = arrGET[i].split("="); 
    	variable = aux[0]; 
    	if(variable=='usuario'){
    		usuario=aux[1];
    		
    	}
    	if(variable=='idnota'){
    		idnota=aux[1];
        }
	  } 
	} 


$(function() {
	leerGET();
	

	$.ajax({
		url : '#',
		success : function(result) {

			jQuery.ajaxSetup({
				scriptCharset : "utf-8",
				contentType : "application/json; charset=utf-8"
			});

			$("#backbutton").on("click", function(event){
				window.location="http://localhost:8080/newspuj/noticias.html?usuario="+usuario;
			});

			
			
			$.getJSON("http://localhost:8080/newspuj/extractdetail?usuario="+usuario+"&idnota="+idnota,
					function(data) {
						
						//$("#titulo").html("http://localhost:8080/newspuj/extractdetail?usuario="+usuario+"&idnota="+idnota);
						titulo=data.titulo;
						imagen=data.imagen;
						contenido=data.detalle;
						fecha=data.fecha;
						$("#titulo").html(titulo);
						$("#detalle").html(data.detalle==''?data.resumen:data.detalle);

						if(imagen==''){
							$("#imgNew").remove();
						}
						else{
							$("#imgNew").css("background",'url('+data.imagen+')');
						}
						
						
					});
			
		}	

	});	

	


	

	
});		

</script>

</head>

<body>
	<header>
		<section id="superior">
			<div id="encabezado">
				<img src="img/LG_INC_BOLH_3.svg" width="200px" />
			</div>
		</section>

		<nav>
			<ul>
				<!-- li><a href="#"> <img src="img/menuNew.png" width="auto" /></a></li>
				<li><a href="#"> <img src="img/share.png" width="auto" /></a></li>
				<li><a href="#"> <img src="img/favorito.png" width="auto" /></a></li>
				<li><a href="#"> <img src="img/likeNw.png" width="auto" /></a></li-->
				<li><img id="backbutton" src="img/menuNew.png" width="auto" /></li>
			</ul>
		</nav>

	</header>


	<div id="contenido">

		<section>
			<article>
				<div id="imgNew"></div>
				<div >
				<h1 id="titulo"></h1>
				<div id="bar">
					<img  src="img/bar.svg" width="100%" />
				</div>
				<p id="detalle"></p>
				</div>
			</article>

		</section>
	</div>
	<footer> </footer>


</body>
</html>
